<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Contact</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
    <div class="home">


        <div class="header  animated fadeIn">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./fertility.html" >Understanding Fertility</a>
                        <div class="aList animated fadeIn">
                            <a href="./fertility.html">Fertility assessment</a>
                            <a href="./about.html">About the clinic</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./treatment.html">Treatment and Services</a>
                        <div class="aList animated fadeIn">
                            <a href="./treatment.html?id=1">Assisted reproduction</a>
                            <a href="./treatment.html?id=2">Fertility preservation</a>
                            <a href="./treatment.html?id=3">3rd party fertility options</a>
                            <a href="./treatment.html?id=4">Gamete transfer in and out</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./specialists.html">Specialists</a>
                        <div class="aList animated fadeIn">
                            <a href="./specialists.html">Corporate advisor</a>
                            <a href="./specialists.html">International experts</a>
                            <a href="./specialists.html">Clinic specialists</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./process.html">Service</a>
                        <div class="aList animated fadeIn">
                            <a href="./international.html">International patients</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./blog.html">Blog</a>
                        <div class="aList animated fadeIn">
                            <a href="./blog.html">News</a>
                            <a href="./blog.html">Customer stories</a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./contact.html" class="active">Contact Us</a>
                        <div class="aList animated fadeIn">
                            <a href="">Customer services</a>
                            <a href="">Reservation Form</a>
                        </div>
                    </div>
                </div>
                <a class="buy" href="./contact.html">
                    booking now
                </a>
                <div class="r">
                    <div class="line"></div>
                    <div class="search" id="doSearch">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <circle cx="11" cy="11" r="10" stroke="#6456A3" stroke-width="2" />
                            <line x1="18.4407" y1="18.4911" x2="23.2404" y2="23.2907" stroke="#6456A3"
                                stroke-width="2" />
                        </svg>
                    </div>
                    <div class="lan">
                        <div class="t1">
                            <img src="./images/ball.svg" alt="">
                            <p>EN</p>
                        </div>
                        <div class="chose animated fadeIn">
                            <a href="">泰语</a>
                            <a href="">老挝</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">泰语</a>
                <a href="">老挝</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./fertility.html">Understanding Fertility</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./fertility.html">Fertility assessment</a>
                    <a href="./about.html">About the clinic</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./treatment.html">Treatment and Services</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./treatment.html?id=1">Assisted reproduction</a>
                    <a href="./treatment.html?id=2">Fertility preservation</a>
                    <a href="./treatment.html?id=3">3rd party fertility options</a>
                    <a href="./treatment.html?id=4">Gamete transfer in and out</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./specialists.html">Specialists</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./specialists.html">Corporate advisor</a>
                    <a href="./specialists.html">International experts</a>
                    <a href="./specialists.html">Clinic specialists</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./process.html">Service</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./international.html">International patients</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./blog.html">Blog</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./blog.html">News</a>
                    <a href="./blog.html">Customer stories</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">Contact Us</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="">Customer services</a>
                            <a href="">Reservation Form</a>
                </div>
            </div>
        </div>

        <div class="search_dom">
            <div class="box">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                        <circle cx="13.5" cy="13.5" r="12.5" stroke="#151515" stroke-width="2" />
                        <line x1="22.7071" y1="23.2929" x2="28.7071" y2="29.2929" stroke="#151515" stroke-width="2" />
                    </svg>
                </div>
                <div class="sr">
                    <input type="text" placeholder="Search by category or interest">
                    <a href="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
                            <path d="M4.57129 15.497L11.4284 8.63986L4.57129 1.78271" stroke="#595959"
                                stroke-width="2.28571" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                </div>
                <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path d="M24 8L8 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M8 8L24 24" stroke="black" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </div>
            </div>
        </div>

        <div class="r_fixed">
            <a href="./contact.html">
                <img src="./images/ricon1.png" alt="">
            </a>
            <a href="">
                <img src="./images/ricon2.png" alt="">
            </a>
            <a id="goTop">
                <img src="./images/ricon3.png" alt="">
            </a>
        </div>

        <div class="section_form">
            <div class="t">Request an appointment</div>
            <div class="t2">(<span>*</span>The content is required)</div>
            <form action="" class="form">
                <div class="flex flex1">
                    <div class="item item1">
                        <div class="headline">
                            <p>name<strong>*</strong></p>
                        </div>
                        <div class="display">
                            <input type="text" placeholder="First name" required>
                            <input type="text" placeholder="Last name" required>
                        </div>
                    </div>
                    <div class="item item2">
                        <div class="headline">
                            <p>E-MAIL<strong>*</strong></p>
                        </div>
                        <div class="display">
                            <input type="text" placeholder="E-MAIL" required>
                        </div>
                    </div>
                </div>
                <div class="flex flex2">
                    <div class="item item1">
                        <div class="headline">
                            <p>phone<strong>*</strong></p>
                        </div>
                        <div class="display">
                            <div class="border down_pull" style="--background: #F7F6FA;">
                                <p class="txt">Country</p>
                                <img src="./images/jt.png" alt="">
                                <div class="pull">
                                    <p>China +86</p>
                                    <p>America +1</p>
                                    <p>Japan +81</p>
                                    <p>HongKong +852</p>
                                    <p>Macao +853</p>
                                    <p>Taiwan +886</p>
                                    <p>Malaysia +60</p>
                                    <p>Australia +61</p>
                                    <p>Canada +1</p>
                                    <p>UK +44</p>
                                </div>
                            </div>
                            <input type="text" placeholder="Phone Number." required>
                        </div>
                    </div>
                    <div class="item item2">
                        <div class="headline">
                            <p>birth YEAR<strong>*</strong></p>
                        </div>
                        <div class="display">
                            <div class="border down_pull" style="--background: #F7F6FA;">
                                <p class="txt">Birth year</p>
                                <img src="./images/jt.png" alt="">
                                <div class="pull">
                                    <p>2010</p>
                                    <p>2011</p>
                                    <p>2012</p>
                                    <p>2013</p>
                                    <p>2014</p>
                                    <p>2015</p>
                                    <p>2016</p>
                                    <p>2017</p>
                                    <p>2018</p>
                                    <p>2019</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="flex flex3">
                    <div class="item item1">
                        <div class="headline">
                            <p>SERVICE<strong>*</strong></p>
                        </div>
                        <div class="display">
                            <input type="text" placeholder="please select what service you want to know." required>
                        </div>
                    </div>
                </div>

                <div class="flex flex3">
                    <div class="item item1">
                        <div class="headline">
                            <p>address</p>
                        </div>
                        <div class="display">
                            <input type="text" placeholder="State / Province">
                        </div>
                    </div>
                </div>

                <div class="flex flex4">
                    <div class="item item1">
                        <div class="display">
                            <input type="text" placeholder="Postal / Zip Code">
                        </div>
                    </div>
                    <div class="item item2">
                        <div class="display">
                            <input type="text" placeholder="Country">
                        </div>
                    </div>
                </div>

                <div class="flex flex5">
                    <div class="item item1">
                        <div class="headline">message</div>
                        <div class="display">
                            <textarea name="" id="" cols="30" rows="10" placeholder="Please tell us more about the treatment you are seeking."></textarea>
                        </div>
                    </div>
                </div>
                <button type="submit">
                    <p>Submit</p>
                    <img src="./images/sp.png" alt="">
                </button>
            </form>
        </div>

        <div class="section1">
            <div class="t">
                MORE ABOUT US
            </div>
            <div class="map">
                <img src="./images/map_en.svg" alt="">
                <div class="wz">
                    <div class="position1">
                        <svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none">
                            <circle cx="20.5" cy="20.5" r="20.5" fill="#7C67D8" />
                            <path d="M11 20H30" stroke="white" stroke-width="2" stroke-linecap="round" />
                            <path d="M20.5 30.5V11.5" stroke="white" stroke-width="2" stroke-linecap="round" />
                        </svg>
                    </div>
                    <div class="position2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none">
                            <circle cx="20.5" cy="20.5" r="20.5" fill="#7C67D8" />
                            <path d="M11 20H30" stroke="white" stroke-width="2" stroke-linecap="round" />
                            <path d="M20.5 30.5V11.5" stroke="white" stroke-width="2" stroke-linecap="round" />
                        </svg>
                    </div>
                    <div class="position3">
                        <svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none">
                            <circle cx="20.5" cy="20.5" r="20.5" fill="#7C67D8" />
                            <path d="M11 20H30" stroke="white" stroke-width="2" stroke-linecap="round" />
                            <path d="M20.5 30.5V11.5" stroke="white" stroke-width="2" stroke-linecap="round" />
                        </svg>
                    </div>
                </div>
            </div>
            <div class="content">
                <a href="" class="animated fadeIn">
                    <div class="pic">
                        <img src="./images/top.png" alt="">
                    </div>
                    <div class="info">
                        <p class="p1">Empowering Women</p>
                        <div class="des">
                            CCRM Research is an acclaimed group who continues to make significant progress in
                            reproductive medicine. And we are working hard to continue to fund the research that is
                            helping families around the world experience the joy of having a baby.
                        </div>
                    </div>
                </a>
                <a href="" class="animated fadeIn">
                    <div class="pic">
                        <img src="./images/top.png" alt="">
                    </div>
                    <div class="info">
                        <p class="p1">Empowering Women2</p>
                        <div class="des">
                            CCRM Research is an acclaimed group who continues to make significant progress in
                            reproductive medicine. And we are working hard to continue to fund the research that is
                            helping families around the world experience the joy of having a baby.
                        </div>
                    </div>
                </a>
            </div>
        </div>


        <div class="section2">
            <div class="t">
                Need help?<br>
                Talk to the fertility experts.
            </div>
            <div class="des">
                TEL:  138-0260-1580 <br>
                Email:  23156489@qq.com
            </div>
        </div>

        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.png" alt="">
                    </div>
                    <div class="icons">
                        <a href="">
                            <img src="./images/ficon1.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon2.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon3.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon4.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon5.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon6.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon7.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon8.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon9.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="r">
                    <div class="item">
                        <div class="i">
                            <p>Understanding Fertility </p>
                            <div class="aList">
                                <a href="">Fertility assessment</a>
                                <a href="">About the clinic</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Blog</p>
                            <div class="aList">
                                <a href="">News</a>
                                <a href="">Customer stories</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p> Treatment</p>
                            <div class="aList">
                                <a href="">Fertility testing</a>
                                <a href="">Fertility preservation</a>
                                <a href="">Assisted reproduction</a>
                                <a href="">Third-party assisted</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Contact Us</p>
                            <div class="aList">
                                <a href="">Customer services</a>
                                <a href="">Reservation Form</a>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p> Specialists</p>
                            <div class="aList">
                                <a href="">Corporate advisor</a>
                                <a href="">International experts</a>
                                <a href="">Clinic specialists</a>
                            </div>
                        </div>
                        <div class="i">
                            <p>Other Country</p>
                            <div class="chose">
                                <div class="d1">
                                    <p>other country</p>
                                    <div class="btn">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="12"
                                            viewBox="0 0 15 12" fill="none">
                                            <path
                                                d="M7.1184 10.7352L1.07104 1.73998C1.02601 1.67293 1.00043 1.58157 0.99993 1.486C0.999434 1.39044 1.02406 1.29848 1.0684 1.23038C1.11273 1.16227 1.17314 1.12359 1.23633 1.12284C1.29952 1.12208 1.36032 1.15933 1.40536 1.22638L7.2845 9.97198L13.1425 1.11438C13.1643 1.07901 13.1906 1.05064 13.2198 1.03096C13.249 1.01129 13.2805 1.00071 13.3124 0.999853C13.3444 0.999001 13.3762 1.00789 13.4058 1.026C13.4354 1.0441 13.4624 1.07105 13.485 1.10524C13.5076 1.13942 13.5254 1.18014 13.5374 1.22497C13.5493 1.2698 13.5552 1.31781 13.5547 1.36615C13.5541 1.41449 13.5471 1.46216 13.5341 1.50632C13.5211 1.55048 13.5023 1.59022 13.4789 1.62318L7.45378 10.7336C7.40933 10.8007 7.34913 10.8386 7.28631 10.8389C7.22349 10.8392 7.16313 10.8019 7.1184 10.7352Z"
                                                fill="white" stroke="white" />
                                        </svg>
                                    </div>
                                </div>
                                <div class="d2">
                                    <a href="">1</a>
                                    <a href="">2</a>
                                    <a href="">3</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="i">
                            <p>Service</p>
                            <div class="aList">
                                <a href="">International patients</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <p>© 2023. LRC LEGEND FERTILITY CENTER.  All rights reserved. </p>
                <div class="r">
                    <a href="" class="a1">
                        Disclaimer
                    </a>
                    <a href="" class="a1">
                        Privacy
                    </a>
                    <a href="" class="buy">
                        booking now
                    </a>
                </div>
            </div>
        </div>


    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();
        $('.wz div').mouseenter(function () {
            let index = $(this).index()
            $('.section1 .content a').eq(index).addClass('show').siblings('a').removeClass('show')
        })
        $('.section1 .content a').mouseleave(function () {
            $(this).removeClass('show')
        })

        var down_pull = document.querySelectorAll('.down_pull ')
        for (let i = 0; i < down_pull.length; i++) {
            down_pull[i].addEventListener('click', function () {
                for (let j = 0; j < down_pull.length; j++) {
                    if (down_pull[j] !== this) {
                        down_pull[j].querySelector('.pull').classList.remove('on');
                        down_pull[j].classList.remove('on');
                    }
                }
                this.querySelector('.pull').classList.toggle('on');
                this.classList.toggle('on');
            });

            var p = down_pull[i].querySelectorAll('.pull p')
            for (let j = 0; j < p.length; j++) {
                p[j].addEventListener('click',function () {
                    var txt = down_pull[i].querySelector('.txt')
                    txt.innerHTML = this.innerHTML
                    var sib = this.parentNode.children
                    for (let k = 0; k < sib.length; k++) {
                        sib[k].classList.remove('on')
                    }
                    this.classList.add('on')
                })
            }
        }
    </script>
</body>

</html>